{extend name="base/base" /}
{block name="main"}
<style>
.layui-table-cell {

}
.channel{width: 15%;
    float: right;
    height: 400px;
    background: #f5f5f5;
    border-left: 1px solid #E5E5E5;
    padding: 0px 5px;
    color: #666;
    font-size: 12px;
    line-height: 25px;
    font-family: "微软雅黑";border-radius: 15px;}
.notallowed{cursor: not-allowed}
li a{color: blue;}
.active a{color: #CC523D;}

.cates li{display:block}
.cates li.p_0{display:block}
.cates span{    cursor: pointer;
    font-size: 24px;
    }
	
.icon-plus:before {
    content: "\f067";
}
.icon-minus:before {
    content: "\f068";
}
[class*='icon-']:before {
	display: inline-block;
	font-family: "FontAwesome";
	font-weight: normal;
	font-style: normal;
	vertical-align: baseline;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
</style>
<div class="channel">
    <div style="overflow: auto;height:100%;">
    <ul class="cates">
        <!--<li><a href="/admin/article-list.html">全部内容</a></li>-->
    {volist name="cate_list" id="vo"}
        <li class="p_{$vo['parent_id']}">
		{for start='0' end='$vo["level"]'}&nbsp;&nbsp;&nbsp;&nbsp;{/for}
		{if condition="$vo['is_have_sub'] eq 1"}<span class="icon-minus" data-id="{$vo['id']}">-</span>{else}&nbsp;&nbsp;&nbsp;{/if}
		<a href={in name="$vo['type']" value="6,8,3,4,5"}"jscript:" class="notallowed"{else/}"/admin/article-list.html?cid={$vo['id']}"{/in}>|--{$vo['title']}</a>
		</li>
    {/volist}
    </ul>
    </div>
</div>

<div style="width: 82%">
    <blockquote class="layui-elem-quote quoteBox">
        <form class="layui-form">
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input type="text" class="layui-input searchVal" placeholder="请输入文章名称" />
                </div>
                <a class="layui-btn search_btn" data-type="reload">搜索</a>
            </div>
			{if condition="input('cid')"}
            <div class="layui-inline">
                <a class="layui-btn layui-btn-danger layui-btn-normal adduser_btn">添加</a>
            </div>
			{/if}
            
        </form>
    </blockquote>
    <table id="usersList" lay-filter="usersList"></table>
    <!--操作-->
    <script type="text/html" id="usersListBar">
        <a class="layui-btn layui-btn-xs edit_btn" lay-event="edit">编辑</a>
		{{# if(d.cate_id!=19){  }}
        <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
		{{# } }}
    </script>
</div>
{/block}
{block name="script"}
<script>
    layui.use(['form','layer','table'],function(){
        var form = layui.form,
            layer = parent.layer === undefined ? layui.layer : top.layer,
            $ = layui.jquery, table = layui.table;

        //列表
        var tableIns = table.render({
            elem: '#usersList',
            url : "{:url('/admin/article-list')}?cid={:input('cid')}",
            initSort: {
              field: 'a_id', //排序字段，对应 cols 设定的各字段名
              type: 'desc' //排序方式  asc: 升序、desc: 降序、null: 默认排序
            },
            sort:true,
            cellMinWidth : 95,
            page : true,
            limit:15,
            limits:[5,10,15,20],
            height : "full-125",
            id:'usersListTable',
            cols : [[
                {field: 'a_id', title: 'ID', width:100,sort: true, align:"center"},
                {field: 'title', title: '标题', width:200,sort: true, align:"center"},

                {field: 'catetitle', title: '栏目',sort: true,  align:'center'},

                {field: 'create_time', title: '添加时间', sort: true, align:"center"},
                {field: 'update_time', title: '更新时间', sort: true, align:"center"},
               
                {title: '操作', width:170, templet:'#usersListBar',fixed:"right",align:"center"}
            ]]
        });

        //alert($(window).height()); //浏览器当前窗口可视区域高度 501
        //alert($(document).height()); //浏览器当前窗口文档的高度 515
        //alert($(document.body).height());//浏览器当前窗口文档body的高度 454
        $(".channel").height($(document.body).height()-10);

        table.on('sort(usersList)', function(obj){

            tableIns.reload({
                initSort: obj, //记录初始排序，如果不设的话，将无法标记表头的排序状态。 layui 2.1.1 新增参数
                where: { //请求参数（注意：这里面的参数可任意定义，并非下面固定的格式）
                  field: obj.field, //排序字段   在接口作为参数字段  field order
                  order: obj.type //排序方式   在接口作为参数字段  field order
                }
            });


        });
        
        //搜索【此功能需要后台配合，所以暂时没有动态效果演示】
        $(".search_btn").on("click",function(){
            table.reload("usersListTable",{
                page: {
                    curr: 1 //重新从第 1 页开始
                },
                where: {
                    key: $(".searchVal").val()  //搜索的关键字
                }
            })
        });

        //导出
        $(".daochuall").click(function(){
            var searchVal = $(".searchVal").val();
            location.href= "{:url('/admin/article-daochuall')}?cid="+"{:input('cid')}&key="+searchVal;

        })
        //
        $(".yulan").click(function(){
            var searchVal = $(".searchVal").val();
            window.open("{:url('/admin/article-yulan')}?cid="+"{:input('cid')}&key="+searchVal,'_blank');

        })
		//$(".cates span.show").click(function(){
		$("body").delegate(".cates span.icon-plus","click", function(){
            var id = $(this).data('id');
			$(".cates li.p_"+id).show();
			$(this).removeClass('icon-plus');
			$(this).addClass('icon-minus');
			$(this).html('-');
        })
		
		//$(".cates span.hide").click(function(){
		$("body").delegate(".cates span.icon-minus","click", function(){
            var id = $(this).data('id');
			$(".cates li.p_"+id).hide();
			$.get("{:url('/admin/cate-get_all_childId')}",{id:id},function(e){
				if(e){
					for(var i=0;i<e.length;i++){
						$(".cates li.p_"+e[i]).hide();
						$(".cates li.p_"+e[i]).find('span').removeClass('icon-minus');
						$(".cates li.p_"+e[i]).find('span').addClass('icon-plus').html('+');
						
					}
				}
			})
			$(this).removeClass('icon-minus');
			$(this).addClass('icon-plus');
			$(".cates li.p_"+id).find('span').removeClass('icon-minus');
			$(".cates li.p_"+id).find('span').addClass('icon-plus').html('+');
			$(this).html('+');
        })


        //批量导入
        $(".daoru").click(function(){
            var index = layui.layer.open({
                title : "导入",
                type : 2,
                content : "{:url('/admin/article-daoru')}",
                success : function(layero, index){
                    var body = layui.layer.getChildFrame('body', index);
                    setTimeout(function(){
                        layui.layer.tips('点击此处返回列表', '.layui-layer-setwin .layui-layer-close', {
                            tips: 3
                        });
                    },500)
                }
            })
            layui.layer.full(index);
            window.sessionStorage.setItem("index",index);
            //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
            $(window).on("resize",function(){
                layui.layer.full(window.sessionStorage.getItem("index"));
            })
        })



        //清空
        $(".delall").click(function(){
            layer.confirm("此操作会删除所有,确定要操作吗？",{
        		btn: ['确定', '取消']
        	}, function () {
        	   var index = layer.msg('操作中。。。', {icon: 16, time: false, shade: 0.8});
        	   $.post("{:url('/admin/-delall')}", {act: 123}, function (data) {
                    var icon = 5;
                    if (data.code) {
                        icon = 6;
                    }
                    layer.msg(data.msg, {icon: icon, time: 1500}, function () {   //提示的插件，可以使用alert代替
                        layer.close(index);
                        if (data.code) {
                            setTimeout(function () {
    							location.href=data.url;
                            }, 500);
                        } else {
                            
                        }
                    });
                    
                });
                    
        	}, function(){
        		// 按钮2的事件
        	});
            
        })
        //添加
        function add(){
            var index = layui.layer.open({
                title : "添加",
                type : 2,
                content : "{:url('/admin/article-edit')}?cid={:input('cid')}",
                success : function(layero, index){
                    var body = layui.layer.getChildFrame('body', index);
                    setTimeout(function(){
                        layui.layer.tips('点击此处返回列表', '.layui-layer-setwin .layui-layer-close', {
                            tips: 3
                        });
                    },500)
                }
            })
            layui.layer.full(index);
            window.sessionStorage.setItem("index",index);
            //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
            $(window).on("resize",function(){
                layui.layer.full(window.sessionStorage.getItem("index"));
            })
        }
        //编辑
        function edit(a_id){
            var index = layui.layer.open({
                title : "编辑",
                type : 2,
                content : "{:url('/admin/article-edit')}"+'?a_id='+a_id,
                success : function(layero, index){
                    var body = layui.layer.getChildFrame('body', index);
                    setTimeout(function(){
                        layui.layer.tips('点击此处返回列表', '.layui-layer-setwin .layui-layer-close', {
                            tips: 3
                        });
                    },500)
                }
            })
            layui.layer.full(index);
            window.sessionStorage.setItem("index",index);
            //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
            $(window).on("resize",function(){
                layui.layer.full(window.sessionStorage.getItem("index"));
            })
        }
        function see(a_id){
            var index = layui.layer.open({
                title : "编辑",
                type : 2,
                content : "{:url('/admin/article-see')}"+'?a_id='+a_id,
                success : function(layero, index){
                    var body = layui.layer.getChildFrame('body', index);
                    setTimeout(function(){
                        layui.layer.tips('点击此处返回列表', '.layui-layer-setwin .layui-layer-close', {
                            tips: 3
                        });
                    },500)
                }
            })
            layui.layer.full(index);
            window.sessionStorage.setItem("index",index);
            //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
            $(window).on("resize",function(){
                layui.layer.full(window.sessionStorage.getItem("index"));
            })
        }

        $(".adduser_btn").click(function(){
            add();
        })

        //列表操作
        table.on('tool(usersList)', function(obj){
            var layEvent = obj.event, data = obj.data;
            if(layEvent === 'edit'){ //编辑
                edit(data.a_id);
            }else if(layEvent === 'see'){ //
                see(data.a_id);
            }else if(layEvent === 'del'){ //删除
                layer.confirm('确定删除操作？',{icon:3, title:'提示信息'},function(index){
                    $.post("{:url('/admin/article-del')}",{a_id:data.a_id},function(data){
                        var icon=5;
                        if(data.code){
                            icon=6;
                        }
                        layer.msg(data.msg, {icon:icon,time: 1500}, function () {
                            if(data.code){
                                obj.del();
                            }
                        });
                    })
                });
            }
        });

    })
</script>
{/block}
